<template>
  <div class="finance">
    <div class="article_div">
    <div class="v_survey">
     	<p class="v_surveytop">资金概况</p>
     	<div class="v_surveybox clearfix">
     	   <div><p>昨日收入</p><p>{{totaldata.todayTotalMoney | money}}</p></div>
     	   <div><p>文章收入</p><p>{{totaldata.articleTotalMoney | money}}</p></div>
     	   <div><p>推广收入</p><p>{{totaldata.channelTotalMoney | money}}</p></div>
     	   <div><p>总收入</p><p>{{totaldata.totalMoney | money}}</p></div>
     	</div>
     </div>
    	  <div class="top clearfix">
    	     <router-link to="/finance/income"><div class="v_div">收入明细</div></router-link>
    	     <router-link to="/finance/settlement"><div class="v_div">结算明细</div></router-link>
    	     <router-link to="/finance/bankcard"><div class="v_div">银行卡管理</div></router-link>
    	  </div>
    	  <div class="v_box">
    	  <router-view></router-view>
    	  </div>

    </div>       

  </div>

 
</template>

<script>
    import {commonService} from '../../service/commonService'
    import {common} from '../../assets/js/common/common'
  
  export default {
    props: [],
    data () {
      return {
        totaldata:'',//总额
      }
    },
    // components: {pagination},
    mounted () {
      // let that = this;
      // that.getList();
     
      this.getUserwallets()

    
    },
    methods: {

       //获得总额
      getUserwallets () {
        let that = this;
        commonService.getUserwallets().then(function (res) {
                  if(res.data.code==200){
                          that.totaldata=res.data.datas
                  }
                  
        });
      },
 
       
       
     
  
    },
   
  }
</script>
<style lang="less">
  .finance{
  	padding: 20px;
  	.v_survey{
  		background: #fff;
  		padding: 20px 0;
        // border: 1px solid #dcdfe6;
        // -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
        //  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
         margin-bottom: 20px;
  		.v_surveytop{
  			line-height: 40px;
  			color: #333;
  			margin-left: 20px;
  		} 
  		.v_surveybox{
  			div{
  				border:1px solid #dcdfe6;
  				border-radius: 6px;
  				float: left;
  				width: 140px;
  				height: 40px;
  				padding: 10px 0;
  				margin-left: 20px;
  				p{
  					line-height: 20px;
  					text-align: center;

  				}

  			}
  		}
  	}
  	.article_div{
     	background: #fff;
        border: 1px solid #dcdfe6;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
         box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
         .top{
         	background:#f5f7fa;
         	height: 40px;
         	// border-top: 1px solid #dcdfe6;
         	border-bottom: 1px solid #e4e7ed;
         	.v_div{
         		float: left;
         		height: 40px;
         		padding: 0 20px;
         		line-height: 40px;
         		color: #909399;
         		font-size: 14px;
         		
         	}
         	.v_div:hover{
         		color: #F29700;

         	}
  
         .router-link-active{
         		div{

         		border-left: 1px solid #e4e7ed;
         		border-right: 1px solid #e4e7ed;
         		border-top: 1px solid #e4e7ed;
                border-bottom: 1px solid #fff; 
         		color: #F29700;
         		background: #fff;
         	}
         	}
         	
         	
         	a:first-child .v_div{

         		border-left: none;
         	}

         }
    
}
  }
</style>